<template>
    <div class="margin-box">
        <el-tabs class="message-list" v-model="activeName" @tab-click="handleClick">
            <el-tab-pane class="tab-pane" name="first">
                <span slot="label">
                    不动产
                </span>
                <realEstate></realEstate>
            </el-tab-pane>
            <el-tab-pane class="tab-pane" name="second">
                <span slot="label">
                    移交协议
                </span>
                <transfer></transfer>
            </el-tab-pane>
            <el-tab-pane class="tab-pane" name="third">
                <span slot="label">
                    第三方评估机构报告
                </span>
                <thirdParty></thirdParty>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script src="./index">

</script>

<style scoped lang="scss">

    .margin-box {
        position: relative;
        .message-list {
            background-color: #ffffff;
            margin: 10px 0;
        }
        .tab-pane {
            margin: 10px 10px;
        }
        /deep/ .el-tabs__nav-scroll {
            padding-left: 20px;
            line-height: 60px;
        }
        .add-button {
            position: absolute;
            top: 25px;
            right: 10px;
        }
        /deep/ .el-textarea__inner {
            min-height: 120px!important;
            border: 1px solid #DCDFE6;
        }
        .receiver {
            ::after {
                content: '*';
                position: absolute;
                top: 173px;
                left: 24px;
                display: inline-block;
                margin-right: 10px;
                color: #f57272;
            }
        }
    }
</style>
